<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Unity3d MCP - AI驱动的Unity开发工作流，通过自然语言控制Unity编辑器">
    <meta name="keywords" content="Unity, MCP, AI, Game Development, Automation">
    <title>Unity3d MCP - AI驱动的Unity开发工作流</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
</head>
<body>
    <!-- 背景动画 -->
    <div class="background-animation">
        <div class="gradient-bg"></div>
        <div class="grid-overlay"></div>
    </div>

    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="container">
            <div class="nav-content">
                <div class="logo">
                    <span class="logo-icon">🎮</span>
                    <span class="logo-text">Unity3d MCP</span>
                </div>
                <ul class="nav-links">
                    <li><a href="#features">特性</a></li>
                    <li><a href="#architecture">架构</a></li>
                    <li><a href="#examples">示例用法</a></li>
                    <li><a href="#scenarios">应用场景</a></li>
                    <li><a href="#resources-prompts">Resources & Prompts</a></li>
                    <li><a href="#quickstart">快速开始</a></li>
                    <li><a href="https://github.com/zoucdr/unity3d-mcp" target="_blank" class="github-link">
                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
                        </svg>
                        GitHub
                    </a></li>
                </ul>
                <button class="mobile-menu-toggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </button>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="hero-badge">
                    <span class="badge-dot"></span>
                    <span>AI驱动 · 模块化 · 高性能</span>
                </div>
                <h1 class="hero-title">
                    <span class="gradient-text">Unity3d MCP</span>
                    <br>
                    AI驱动的Unity开发工作流
                </h1>
                <p class="hero-description">
                    通过内置MCP服务器将AI助手与Unity编辑器无缝连接，<br>
                    使用自然语言控制Unity，提供40+专业工具，覆盖完整开发流程
                </p>
                <div class="hero-cta">
                    <a href="#quickstart" class="btn btn-primary">
                        <span>快速开始</span>
                        <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                            <path d="M5 12h14M12 5l7 7-7 7"/>
                        </svg>
                    </a>
                    <a href="https://github.com/zoucdr/unity3d-mcp" class="btn btn-secondary">
                        <svg width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
                        </svg>
                        <span>View on GitHub</span>
                    </a>
                </div>
                <div class="hero-stats">
                    <div class="stat-item">
                        <div class="stat-number">40+</div>
                        <div class="stat-label">专业工具</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">6</div>
                        <div class="stat-label">应用场景</div>
                    </div>
                    <div class="stat-item">
                        <div class="stat-number">100%</div>
                        <div class="stat-label">开源免费</div>
                    </div>
                </div>
            </div>
            <div class="hero-visual">
                <div class="code-window">
                    <div class="code-header">
                        <div class="code-dots">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                        <div class="code-title">AI → Unity</div>
                    </div>
                    <div class="code-content">
                        <pre><code id="hero-code"></code></pre>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section id="features" class="features">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">核心特性</h2>
                <p class="section-subtitle">强大的功能，简单的使用</p>
            </div>
            <div class="features-grid">
                <div class="feature-card">
                    <div class="feature-icon">🤖</div>
                    <h3>AI驱动开发</h3>
                    <p>通过自然语言指令控制Unity编辑器，无需记忆复杂的API和命令</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🚀</div>
                    <h3>高性能通信</h3>
                    <p>基于HTTP的高效通信机制，内置消息队列，支持批量操作</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🧩</div>
                    <h3>模块化架构</h3>
                    <p>40+专业工具，覆盖层级管理、资源编辑、性能分析等全流程</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🔌</div>
                    <h3>零配置集成</h3>
                    <p>Unity内置MCP服务器，支持Cursor、Claude等主流AI客户端，无需外部依赖</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🎯</div>
                    <h3>消息队列引擎</h3>
                    <p>基于EditorApplication.update的主线程安全执行机制，确保Unity API正确调用</p>
                </div>
                <div class="feature-card">
                    <div class="feature-icon">🛠️</div>
                    <h3>易于扩展</h3>
                    <p>插件化设计，支持自定义工具开发，动态方法调用</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Architecture Section -->
    <section id="architecture" class="architecture">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">系统架构</h2>
                <p class="section-subtitle">分层设计，清晰高效</p>
            </div>
            <div class="architecture-content">
                <div class="arch-diagram">
                    <div class="arch-layer">
                        <div class="layer-title">AI客户端层</div>
                        <div class="layer-items">
                            <span class="layer-item">Cursor</span>
                            <span class="layer-item">Claude</span>
                            <span class="layer-item">Trae</span>
                        </div>
                    </div>
                    <div class="arch-arrow">↓</div>
                    <div class="arch-layer">
                        <div class="layer-title">MCP协议层</div>
                        <div class="layer-items">
                            <span class="layer-item">Unity内置MCP服务器</span>
                        </div>
                    </div>
                    <div class="arch-arrow">↓</div>
                    <div class="arch-layer">
                        <div class="layer-title">通信层</div>
                        <div class="layer-items">
                            <span class="layer-item">HTTP (可自定义端口，默认8000)</span>
                            <span class="layer-item">JSON-RPC 2.0</span>
                        </div>
                    </div>
                    <div class="arch-arrow">↓</div>
                    <div class="arch-layer">
                        <div class="layer-title">Unity编辑器层</div>
                        <div class="layer-items">
                            <span class="layer-item">Unity Editor</span>
                            <span class="layer-item">Unity API</span>
                        </div>
                    </div>
                    <div class="arch-arrow">↓</div>
                    <div class="arch-layer highlight">
                        <div class="layer-title">工具层</div>
                        <div class="layer-items">
                            <span class="layer-item">40+专业工具</span>
                            <span class="layer-item">消息队列执行引擎</span>
                        </div>
                    </div>
                    <div class="arch-arrow">↓</div>
                    <div class="arch-layer resources-prompts-layer">
                        <div class="layer-title">Resources & Prompts 层</div>
                        <div class="layer-items">
                            <span class="layer-item">📦 Resources 资源系统</span>
                            <span class="layer-item">💬 Prompts 提示词系统</span>
                        </div>
                    </div>
                </div>
                <div class="arch-features">
                    <div class="arch-feature">
                        <h4>双层调用架构</h4>
                        <p>FacadeTools（async_call、batch_call）+ MethodTools（40+专业方法）</p>
                    </div>
                    <div class="arch-feature">
                        <h4>消息队列系统</h4>
                        <p>可自定义端口配置、主线程安全执行、智能资源管理和清理</p>
                    </div>
                    <div class="arch-feature">
                        <h4>协程支持</h4>
                        <p>支持Unity协程的异步操作，不阻塞主线程，适用于长时间运行任务</p>
                    </div>
                    <div class="arch-feature">
                        <h4>Resources & Prompts</h4>
                        <p>扩展MCP协议，支持资源访问和提示词管理，提供结构化的数据和指令模板</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Examples Section -->
    <section id="examples" class="examples">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">实际应用示例</h2>
                <p class="section-subtitle">通过自然语言指令完成复杂的Unity开发任务</p>
            </div>
            <div class="examples-grid">
                <div class="example-item">
                    <div class="example-icon">🔧</div>
                    <h4>智能问题修复</h4>
                    <p class="example-command">"修复控制台中的所有警告和报错"</p>
                    <p class="example-desc">AI自动分析控制台日志，识别问题类型，提供修复建议并执行修复操作</p>
                    <div class="example-tools">
                        <span>console_read</span>
                        <span>code_runner</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">🎨</div>
                    <h4>程序化网格生成</h4>
                    <p class="example-command">"创建一个60顶点的圆形雨伞网格，保存到Meshes目录"</p>
                    <p class="example-desc">使用Python脚本生成复杂3D网格，自动导入Unity并保存为资源文件</p>
                    <div class="example-tools">
                        <span>python_runner</span>
                        <span>edit_mesh</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">📦</div>
                    <h4>自动化插件管理</h4>
                    <p class="example-command">"安装android-logcat插件到Unity"</p>
                    <p class="example-desc">通过Package Manager自动搜索、下载并安装Unity插件包，无需手动操作</p>
                    <div class="example-tools">
                        <span>manage_package</span>
                        <span>request_http</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">📊</div>
                    <h4>代码架构可视化</h4>
                    <p class="example-command">"分析Scripts目录下的代码，用Matplotlib绘制架构图"</p>
                    <p class="example-desc">扫描项目代码结构，分析类依赖关系，生成专业的UML架构图</p>
                    <div class="example-tools">
                        <span>project_search</span>
                        <span>python_runner</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">🏠</div>
                    <h4>智能场景布置</h4>
                    <p class="example-command">"基于Prefabs下的美术资源及文档，在场景中布置一个房间"</p>
                    <p class="example-desc">AI理解资源说明文档，自动选择合适的预制体，按照设计规范摆放场景物体</p>
                    <div class="example-tools">
                        <span>project_search</span>
                        <span>hierarchy_create</span>
                        <span>edit_gameobject</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">🎯</div>
                    <h4>规则驱动UI构建</h4>
                    <p class="example-command">"使用规则文件，在场景中构建UGUI界面"</p>
                    <p class="example-desc">根据JSON/YAML规则文件自动创建UI层级结构，设置布局和样式</p>
                    <div class="example-tools">
                        <span>ui_rule_manage</span>
                        <span>ugui_layout</span>
                    </div>
                </div>
                <div class="example-item">
                    <div class="example-icon">🖼️</div>
                    <h4>自动图集生成</h4>
                    <p class="example-command">"将LoginView界面引用的图片打包为LoginViewAtlas，保存到Atlas文件夹"</p>
                    <p class="example-desc">自动收集UI引用的所有Sprite，创建Sprite Atlas并优化纹理打包</p>
                    <div class="example-tools">
                        <span>hierarchy_search</span>
                        <span>edit_sprite_atlas</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Scenarios Section -->
    <section id="scenarios" class="scenarios">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">扩展应用场景</h2>
                <p class="section-subtitle">覆盖游戏开发完整工作流</p>
            </div>
            <div class="scenarios-grid">
                <div class="scenario-card">
                    <div class="scenario-number">01</div>
                    <div class="scenario-icon">🎨</div>
                    <h3>AI图片生成</h3>
                    <p>集成Stable Diffusion批量生成游戏纹理，自动创建Material并应用</p>
                    <div class="scenario-tags">
                        <span>Python Runner</span>
                        <span>AI生成</span>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-number">02</div>
                    <div class="scenario-icon">📦</div>
                    <h3>批量爬取资源</h3>
                    <p>从Poly Haven等平台批量下载PBR材质，自动创建完整配置</p>
                    <div class="scenario-tags">
                        <span>资源管理</span>
                        <span>自动化</span>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-number">03</div>
                    <div class="scenario-icon">📊</div>
                    <h3>架构图生成</h3>
                    <p>分析Unity项目结构，生成可视化架构图和依赖关系</p>
                    <div class="scenario-tags">
                        <span>文档自动化</span>
                        <span>代码分析</span>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-number">04</div>
                    <div class="scenario-icon">⚡</div>
                    <h3>性能分析</h3>
                    <p>自动检测Draw Call、高多边形模型，提供优化建议</p>
                    <div class="scenario-tags">
                        <span>Code Runner</span>
                        <span>性能优化</span>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-number">05</div>
                    <div class="scenario-icon">🧪</div>
                    <h3>测试数据生成</h3>
                    <p>使用Faker批量生成游戏配置数据，用于压力测试</p>
                    <div class="scenario-tags">
                        <span>测试</span>
                        <span>数据生成</span>
                    </div>
                </div>
                <div class="scenario-card">
                    <div class="scenario-number">06</div>
                    <div class="scenario-icon">🌍</div>
                    <h3>本地化翻译</h3>
                    <p>集成GPT-4批量翻译游戏文本，支持多语言版本生成</p>
                    <div class="scenario-tags">
                        <span>AI翻译</span>
                        <span>国际化</span>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Quick Start Section -->
    <section id="quickstart" class="quickstart">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">快速开始</h2>
                <p class="section-subtitle">四步完成配置，零依赖开始AI驱动开发</p>
            </div>
            <div class="quickstart-steps">
                <div class="step">
                    <div class="step-number">1</div>
                    <div class="step-content">
                        <h3>导入Unity Package</h3>
                        <div class="code-block">
                            <pre><code><span class="comment">// 将unity-package目录导入Unity项目</span>
<span class="comment">// 或通过Package Manager添加Git URL</span>
"io.uframe.unity3d-mcp": "https://github.com/zoucdr/unity3d-mcp.git?path=/unity-package"</code></pre>
                        </div>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">2</div>
                    <div class="step-content">
                        <h3>启动Unity编辑器</h3>
                        <div class="code-block">
                            <pre><code><span class="comment">// 打开Unity项目</span>
<span class="comment">// Unity Package会自动启动内置MCP服务器</span>
<span class="comment">// 默认监听端口：8000（可在Project Settings → MCP中自定义）</span></code></pre>
                        </div>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">3</div>
                    <div class="step-content">
                        <h3>配置MCP客户端</h3>
                        <div class="code-block">
                            <pre><code><span class="comment">// MCP客户端配置</span>
{
  <span class="key">"mcpServers"</span>: {
    <span class="key">"unity3d-mcp"</span>: {
      <span class="key">"url"</span>: <span class="string">"http://localhost:8000"</span>
    }
  }
}

<span class="comment">// 支持Cursor、Claude、VS、Trae等AI客户端</span></code></pre>
                        </div>
                    </div>
                </div>
                <div class="step">
                    <div class="step-number">4</div>
                    <div class="step-content">
                        <h3>开始使用</h3>
                        <div class="code-block">
                            <pre><code><span class="comment">// 在AI客户端中测试连接</span>
<span class="string">"请帮我创建一个Cube对象"</span>

<span class="comment">// 批量操作示例</span>
<span class="string">"创建10个随机位置的Sphere，并设置不同颜色的材质"</span>

<span class="comment">// 复杂任务示例</span>
<span class="string">"分析当前场景的性能问题并提供优化建议"</span></code></pre>
                        </div>
                    </div>
                </div>
            </div>
            <div class="quickstart-cta">
                <a href="https://github.com/zoucdr/unity3d-mcp#readme" class="btn btn-primary">
                    <span>查看完整文档</span>
                    <svg width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
                        <path d="M5 12h14M12 5l7 7-7 7"/>
                    </svg>
                </a>
            </div>
        </div>
    </section>

    <!-- Resources & Prompts Section -->
    <section id="resources-prompts" class="resources-prompts">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">Resources & Prompts 支持</h2>
                <p class="section-subtitle">扩展MCP协议，提供资源访问和提示词管理</p>
            </div>
            <div class="rp-grid">
                <div class="rp-card">
                    <div class="rp-icon">📦</div>
                    <h3>Resources 资源系统</h3>
                    <p>通过MCP协议访问Unity项目资源，支持文件、配置、数据等多种资源类型</p>
                    <div class="rp-features">
                        <span>文件访问</span>
                        <span>配置管理</span>
                        <span>数据读取</span>
                    </div>
                </div>
                <div class="rp-card">
                    <div class="rp-icon">💬</div>
                    <h3>Prompts 提示词系统</h3>
                    <p>自定义AI提示词模板，为特定任务提供结构化的指令和上下文</p>
                    <div class="rp-features">
                        <span>模板化</span>
                        <span>参数化</span>
                        <span>可扩展</span>
                    </div>
                </div>
            </div>
            
            <div class="config-sections">
                <div class="config-section">
                    <h4>🔧 Resources 配置方法</h4>
                    <div class="config-content">
                        <div class="config-step">
                            <h5>1. 实现 IRes 接口</h5>
                            <div class="code-block">
                                <pre><code><span class="keyword">public class</span> <span class="class">ProjectTreeRes</span> : <span class="interface">IRes</span>
{
    <span class="keyword">public string</span> Url => <span class="string">"file://path/to/resource.yaml"</span>;
    <span class="keyword">public string</span> Name => <span class="string">"project_tree"</span>;
    <span class="keyword">public string</span> Description => <span class="string">"工程文件夹树型结构"</span>;
    <span class="keyword">public string</span> MimeType => <span class="string">"application/yaml"</span>;
}</code></pre>
                            </div>
                        </div>
                        <div class="config-step">
                            <h5>2. 支持的URI方案</h5>
                            <div class="uri-schemes">
                                <div class="uri-item">
                                    <code>file://</code> - 本地文件访问
                                </div>
                                <div class="uri-item">
                                    <code>http://</code> - HTTP资源访问
                                </div>
                                <div class="uri-item">
                                    <code>mcp://</code> - MCP自定义协议
                                </div>
                                <div class="uri-item">
                                    <code>data:</code> - 内联数据
                                </div>
                            </div>
                        </div>
                        <div class="config-step">
                            <h5>3. 使用方法</h5>
                            <div class="code-block">
                                <pre><code><span class="comment">// AI客户端中访问资源</span>
<span class="string">"请读取project_tree资源的内容"</span>

<span class="comment">// 或通过MCP函数调用</span>
{
  <span class="key">"method"</span>: <span class="string">"resources/read"</span>,
  <span class="key">"params"</span>: {
    <span class="key">"uri"</span>: <span class="string">"file://path/to/resource.yaml"</span>
  }
}</code></pre>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="config-section">
                    <h4>💡 Prompts 配置方法</h4>
                    <div class="config-content">
                        <div class="config-step">
                            <h5>1. 实现 IPrompts 接口</h5>
                            <div class="code-block">
                                <pre><code><span class="keyword">public class</span> <span class="class">TestTalkStepPrompts</span> : <span class="interface">IPrompts</span>
{
    <span class="keyword">public string</span> Name => <span class="string">"test_talk_step"</span>;
    <span class="keyword">public string</span> Description => <span class="string">"测试对话步骤"</span>;
    <span class="keyword">public string</span> PromptText => <span class="string">"请描述一个对话步骤的内容，包括角色的台词和情感。"</span>;
    <span class="keyword">public</span> MethodKey[] Keys => <span class="keyword">new</span> MethodKey[]
    {
        <span class="keyword">new</span> MethodKey(<span class="string">"step"</span>, <span class="string">"对话步骤"</span>, <span class="keyword">false</span>)
        .AddExample(<span class="string">"角色A：你好，我是A。角色B：你好，我是B。"</span>)
    };
}</code></pre>
                            </div>
                        </div>
                        <div class="config-step">
                            <h5>2. 参数配置</h5>
                            <div class="param-config">
                                <div class="param-item">
                                    <strong>Name</strong> - 提示词唯一标识符
                                </div>
                                <div class="param-item">
                                    <strong>Description</strong> - 功能描述
                                </div>
                                <div class="param-item">
                                    <strong>PromptText</strong> - 实际提示词内容
                                </div>
                                <div class="param-item">
                                    <strong>Keys</strong> - 参数定义和示例
                                </div>
                            </div>
                        </div>
                        <div class="config-step">
                            <h5>3. 使用方法</h5>
                            <div class="code-block">
                                <pre><code><span class="comment">// AI客户端中调用提示词</span>
<span class="string">"使用test_talk_step提示词生成对话内容"</span>

<span class="comment">// 或通过MCP函数调用</span>
{
  <span class="key">"method"</span>: <span class="string">"prompts/get"</span>,
  <span class="key">"params"</span>: {
    <span class="key">"name"</span>: <span class="string">"test_talk_step"</span>
  }
}</code></pre>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Tools Section -->
    <section class="tools">
        <div class="container">
            <div class="section-header">
                <h2 class="section-title">工具生态</h2>
                <p class="section-subtitle">40+专业工具，覆盖Unity开发全流程</p>
            </div>
            <div class="tools-categories">
                <div class="tool-category">
                    <h4>层级管理</h4>
                    <ul>
                        <li>hierarchy_create</li>
                        <li>hierarchy_search</li>
                        <li>hierarchy_apply</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>资源编辑</h4>
                    <ul>
                        <li>edit_gameobject</li>
                        <li>edit_component</li>
                        <li>edit_material</li>
                        <li>edit_texture</li>
                        <li>edit_mesh</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>项目管理</h4>
                    <ul>
                        <li>project_search</li>
                        <li>project_operate</li>
                        <li>manage_package</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>UI工具</h4>
                    <ul>
                        <li>ugui_layout</li>
                        <li>ui_rule_manage</li>
                        <li>figma_manage</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>代码运行</h4>
                    <ul>
                        <li>code_runner (C#)</li>
                        <li>python_runner</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>存储管理</h4>
                    <ul>
                        <li>prefers (偏好设置)</li>
                        <li>source_location (资源定位)</li>
                    </ul>
                </div>
                <div class="tool-category">
                    <h4>其他工具</h4>
                    <ul>
                        <li>console_read/write</li>
                        <li>request_http</li>
                        <li>gameplay</li>
                        <li>base_editor</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h4>Unity3d MCP</h4>
                    <p>AI驱动的Unity开发工作流</p>
                    <div class="footer-social">
                        <a href="https://github.com/zoucdr/unity3d-mcp" target="_blank">
                            <svg width="24" height="24" fill="currentColor" viewBox="0 0 16 16">
                                <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="footer-section">
                    <h4>资源</h4>
                    <ul>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp#readme">文档</a></li>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp/issues">Issues</a></li>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp/blob/master/README.md">README</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>社区</h4>
                    <ul>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp/discussions">讨论区</a></li>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp/pulls">贡献代码</a></li>
                        <li><a href="https://github.com/zoucdr/unity3d-mcp/releases">更新日志</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>技术栈</h4>
                    <ul>
                        <li>Unity C# (内置MCP服务器)</li>
                        <li>HTTP + JSON-RPC 2.0</li>
                        <li>消息队列系统</li>
                        <li>主线程安全执行</li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2025 Unity3d MCP. Released under the MIT License.</p>
                <p>Built with ❤️ for Unity Developers</p>
            </div>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>

